<template>
  <div class="school">
    <h2>学校名称：{{name}}</h2>
    <h2>学校地址：{{address}}</h2>
     
  </div>
</template>

<script>
 
import pubsub from "pubsub-js"; 
export default {
     name:"School",
     data() {
        return {
           name:'尚学堂',
           address:'赛蒂科技园'
        }
     },
     methods: {
        demo(msgName,data){
console.log('有人发布了hello消息,hello消息的回调执行了',msgName,data);
        }
     },
     mounted() {
        //  console.log('School',this);
          //绑定的自定事件
        //  this.$bus.$on('hello',data=>{
        //   console.log('我是School组件,收到了数据',data);
        //  })

    //  this.pubId = pubsub.subscribe('hello',(msgName,data) =>{
    //          console.log('有人发布了hello消息,hello消息的回调执行了',msgName,data);
    //          console.log(this);  //undefind
    //     })

    this.pubId = pubsub.subscribe('hello',this.demo)
     },beforeDestroy() {
      // this.$bus.$off('hello')
         pubsub.unsubscribe(this.pubId)
     },
}
</script>

<style scoped>
 .school{
        background-color:rgba(60, 39, 176, 0.575);
        margin: 20px 5px;
        padding: 5px;
    }
</style>